<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
    <title>Document</title>
    <link rel="stylesheet" href="css/zol.css"/>
    <link rel="stylesheet" href="font/iconfont.css">

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/resed.css"/>
    <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>

    <!--<script src="js/npm.js" type="text/javascript" charset="utf-8"></script>-->
    <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="vendor/jquery.min.js">
    </script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/zol.js" type="text/javascript"></script>

</head>

<body>

<nav class="nav">
    <div class="nav-nav">
        <ul class="nav-a">
            <li><a href="">商城首页</a></li>
            <li class="huan">Hi~欢迎来到Z商城</li>
            <li class="deng">请<a href="">登录</a></li>
            <li class="lu"><a href="">免费注册</a></li>
        </ul>
        <ul class="nav-b">
            <li><a href="">我的订单</a></li>
            <li class="zhong">买家中心<span class="iconfont icon-xiala"></span>

            </li>
            <li><a href="">购物车<span>0</span>件</a></li>
            <li><a href="">帮助中心</a></li>
            <li>|</li>
            <li class="shouji"><span class="iconfont icon-shouji" style="color: #c70f0f"></span>手机商城<span
                    class="iconfont icon-xiala"></span></li>
            <li><a href="">中关村在线</a></li>
            <li><a href="">招商合作</a></li>
            <li class="kefu">联系客服<span class="iconfont icon-xiala"></span></li>
        </ul>
    </div>
</nav>
<div id="fu">
    <ul class="maijia">
        <li>关注我的店铺<span>30</span></li>
        <li>关注我的商品<span>49</span></li>
    </ul>
    <div class="tupian"><img src="img/2.png" alt=""/></div>
    <ul class="msj">
        <li>010-</li>
        <li>83417888-</li>
        <li>9185</li>
    </ul>
</div>

<!--搜索框-->
<div id="box">
    <div id="txt">
        <div class="txt1"><img src="img/zol-tuan.png"/></div>


        <div class="text">
            <input type="text" class="text1" placeholder="找找你想要的商品"/>
            <a href=""><span class="text2"><p>搜索</p></span></a>
        </div>
        <div class="font">
            <a href="">
                <div class="font1">
                    <div class="iconfont icon-6"></div>
                    <span>我的订单</span></div>
            </a>
            <a href="">
                <div class="font2">
                    <div class="iconfont icon-xiazai9"></div>
                    <span>我的优惠券</span></div>
            </a>
            <a href="">
                <div class="font3">
                    <div class="iconfont icon-icon22fuzhi"></div>
                    <span>购物车</span></div>
            </a>
            <div class="add"></div>
        </div>
    </div>
</div>
<!--小标题****************************************-->
<div class="biao">
    <div class="ti">
        <ul class="ul-u">
            <li><a href="">华为手机</a></li>
            <li><a href="">DIY主机降1000元</a></li>
            <li><a href="">畅玩7X立省130元</a></li>
            <li><a href="">超级本降1400元</a></li>
            <li><a href="">华为Mate 10</a></li>
        </ul>
    </div>
</div>
<div class="biao">
    <div class="ti">
        <ul class="ul-l">
            <li>公告</li>
            <li>客服电话: 010-83417888-9185,</li>
            <li>QQ: 2055103851</li>
        </ul>
    </div>
</div>
<!--/**************轮播图******************/-->
<div id="lunbo">
    <div id="fenlei">
        <ul class="lei oul">
            <li class="r1"<span class="iconfont icon-fenlei"></span>全部分类
             <div class="div-a">
        <ul class="div-b oul">
            <div>
                <li><span class="iconfont icon-shouji"></span><a href="">手机</a><b>></b></li>
            </div>
            <div>
                <li><span class="iconfont icon-diannao"></span><a href="">电脑</a><b>></b></li>
            </div>
            <div>
                <li><span class="iconfont icon-diyu"></span><a href="">D IY</a><b>></b></li>
            </div>
            <div>
                <li><span class="iconfont icon-shumaxiangji"></span><a href="">数码</a><b>></b></li>
            </div>
            <div>
                <li><span class="iconfont icon-xingzhuang"></span><a href="">外设</a><b>></b></li>
            </div>
            <div>
                <li><span class="iconfont icon-jiqiren1"></span><a href="">智能</a><b>></b></li>
            </div>
            <div>
                <li class="xian"><span class="iconfont icon-qita"></span><a href="">其他</a><b>></b></li>
            </div>
        </ul>
    </div>
            </li>
            <li>团购</li>
            <li>9块9包邮</li>
        </ul>
    </div>
  
</div>
<!--***********************************-->
<div id="aaa">
    <div id="bbb">


        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox" id="zhuanyizhuan">
                <div class="item active">
                    <a href=""><img src="img/e.jpg" alt="..."></a>
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class="item">
                    <a href=""><img src="img/r.jpg" alt="..."></a>
                    <div class="carousel-caption">

                    </div>
                </div>
                <div class="item">
                    <a href=""><img src="img/t.jpg" alt="..."></a>
                    <div class="carousel-caption">

                    </div>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

    </div>
    <div id="aimg">
        <a href=""><img src="img/q.jpg"/></a>
        <a href=""><img src="img/w.jpg"/></a>
    </div>
</div>
<div id="outer">
    <div id="outer1">
        <ul>
            <li><img src="img/a1.png" alt=""/></li>
            <li>正品保障</li>
        </ul>
        <ul>
            <li><img src="img/a2.png"/></li>
            <li>先行赔付</li>
        </ul>
        <ul>
            <li><img src="img/a3.png"/></li>
            <li>发票保障</li>
        </ul>
        <ul>
            <li><img src="img/a4.png"/></li>
            <li>24h发货</li>
        </ul>
        <ul>
            <li><img src="img/a5.png"/></li>
            <li>无忧退货</li>
        </ul>
    </div>
</div>
<!--/**************************版心**************************/-->
<div class="banxin">
    <h3>今日团</h3>
    <ul class="nav nav-tabs">
        <li role="presentation" class="active"><a href="#"><span>默认</span></a></li>
        <li role="presentation"><a href="#">最新团购</a></li>
        <li role="presentation"><a href="#">销量<span class="iconfont icon-drop-down"></span></a></li>
        <li role="presentation"><a href="#">价格<span class="iconfont icon-plus-select-up"></span></a></li>
    </ul>
</div>


<div class="zhongxin">
    <ul id="oul">

    </ul>
</div>


<footer>
    <div class="aba">
        <ul>
            <li><b>购物指南</b></li>
            <li><a href="">购物流程</a></li>
            <li><a href="">常见问题</a></li>
        </ul>
        <ul>
            <li><b>售后服务</b></li>
            <li><a href="">申请退款</a></li>
            <li><a href="">售后策略</a></li>
            <li><a href="">售后问题</a></li>
        </ul>
        <ul>
            <li><b>团购特点</b></li>
            <li><a href="">团购优势</a></li>
            <li><a href="">参团效果</a></li>
        </ul>
        <ul>
            <li><b>商务合作</b></li>
            <li><a href="">媒体合作</a></li>
            <li><a href="">团购合作</a></li>
        </ul>
        <ul class="weibo">
            <li><b>商城服务</b></li>
            <li>010-83417888-9185</li>
            <li>工作日(9:00-18:00)</li>
            <li><img class="cccc" src="img/d.png"/><a href="" class="ccc">关注新浪微博</a></li>
        </ul>
        <ul class="ziti">
            <li class="zimg"><img src="img/2.png"/></li>
            <div id="cdiv">
                <li>微信关注: Z商城</li>
                <li class="saoma">扫码赢优惠 订单时时查</li>
            </div>

        </ul>
    </div>
</footer>

<div id="lzz">
    <div id="lcc">

    </div>
</div>
</body>

</html>